<!DOCTYPE  HTML>
<html>
	<head>
		
		<script type="text/javascript" src="../resources/script.js"></script>
		 <meta charset="utf-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		 
  		 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  		 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  		 <link rel="stylesheet" href="../resources/style.css" />
	</head>
	<body>
<script>
$(document).ready(function(){
  $("#btnaddNewSession").click(function(){
    $("#divSes").hide();
  });
});

$(document).ready(function(){
  $("#btnaddSes").click(function(){
    $("#divSes").show();
  });
});

</script>
		<div id="ahmainpnl" >
			<div id="ahheaderpnl">
				<img id="ahlogo" src="../resources/logo.png"></img>
				
			</div>
			<div id="ahmenupnl">
				 <a href="home_admin.html" id="ahbtnhome" class="btn btn-success">Home</a>
				<!--button type="button" id="ahbtnhome" class="btn btn-success" onclick="window.open('home_admin.html')">Home</button-->
				<hr/>
				<a href="addUser.html" id="ahbtnhome" class="btn btn-info">Users</a>
				<!--button type="button" id="ahbtnuser" class="btn btn-info" onclick="window.open('addUser.html')">Users</button-->
				<a href="addTechnology.html" id="ahbtnhome" class="btn btn-info">Technologies</a>
				<!--button type="button" id="ahbtntech" class="btn btn-info" onclick="window.open('addTechnology.html')">Technologies</button-->
				<a id="btnlogout">Logout</a>
			</div>
			<div id="ahcontentpnl">
			<div class="container">
  <h2 id="hSess">Training Session</h2>
<button id="btnaddNewSession" type="button"  class="btn btn-primary" data-toggle="collapse" data-target="#addnewSes" >Add Session</button>
         		</div>
			<div id="addnewSes" class="collapse container">
			
			<form rotbladdsesle="form" name="addsessform" action="">
  					<table class="tbladd">
  						<tr>
  							<td><input type="text" class="form-control" id="tsesid" name="tsesid" placeholder="Session ID" style="width: 30%;" /></td>
  						</tr>
  						<tr>
  							<td> <input type="text" class="form-control" id="tsesnm" name="tsesnm" placeholder="Session Title"></td>
  							<td> <input type="text" class="form-control" id="trainer" name="trainer" placeholder="Trainer Name"></td>
  							
  						</tr>
  						
  						<tr>
  							<td>
  									<select class="form-control" id="sess_tech" name="sess_tech" placeholder="Technology">
        								<option>Android</option>
        								<option>IOS</option>
        								<option>PHP</option>
        								<option>.NET</option>
      								</select>
  							</td>
  							<td>
  									<select class="form-control" id="sess_status" name="sess_status" placeholder="Status">
        								<option>Scheduled</option>
        								<option>Cancelled</option>
        								<option>Completed</option>
        								
      								</select>
  								
  							</td>
  							
  						</tr>
  						<tr>
  							<td>
  								<input type="date" class="form-control" id="tsdate" name="tsdate" placeholder="Date" style="width: 40%;" >
  							</td>
  							<td>
  								<input type="time" class="form-control" id="tstime" name="tstime" placeholder="Start Time" style="width: 40%;" title="Start time">
  							</td>
  							
  						</tr>
  						
  					</table>
  					<button id="btnaddSessionUsers" type="button"  class="btn btn-primary" data-toggle="collapse" class="adbtns" data-target="#addUsers">
					Add Trainees
					</button>
  					<div id="addUsers" class="collapse container">
  					<table class="table">
    						<thead>
      							<tr>
								<th></th>
        							<th>ID</th>
            							<th>Emp-ID</th>
								<th>Name</th>
								<th>DOB</th>
								<th>Joining Date</th>
								<th>College</th>
							</tr>
     
    						</thead>
    						<tbody>
							<tr>
								<td class="checkbox"><input type="checkbox" value=""> </td>
								<td>1</td>
            							<td>721</td>
								<td>Sumedha Raje</td>
								<td>18/10/1991</td>
								<td>22/12/2014</td>
								<td>Nowrosjee Wadia College</td>
      							</tr>
							<tr>
								<td class="checkbox"><input type="checkbox" name="chkbx_trainee" value=""></td>
								<td>2</td>
            							<td>321</td>
								<td>Abhijeet Majgaonkar</td>
								<td>18/06/1990</td>
								<td>22/12/2014</td>
								<td>IMCC College</td>
      							</tr>
      							
  						</tbody>
  					</table>
  					<button id="btnSaveSes" type="button"  class="btn btn-primary">
  						Save Session
  					</button>
  					<button id="btnCancelSes" type="button"  class="btn btn-primary">
  						Cancel
  					</button>
  					
  					</div>
  					</div>
  				
			</form>
		
			<div id="divSes">
				<table class="table table-hover" id="tbladsesusr">
					<thead>
						<tr>
							<th>ID</th>
	        				<th>Name</th> <th>Trainer</th> <th>Date</th> <th>Time</th> <th>Status</th> <th>Technology</th>
      					</tr>
					</thead>
					<tbody class="tbody">
						<tr  class="success" id="rowselect" onclick="window.open('session_handle.html')">
	        			<td>1</td> <td>SVN</td> <td>Amit Walambe</td> <td>16/01/2015</td> <td>04:00</td> <td>Available</td>
						<td>General</td>
						</tr>
						<tr class="danger" id="rowselect" onclick="window.open('session_handle.html')">
			        	<td>2</td>
        				<td>Bootstrap</td>
     					<td>Peeyush</td>
						<td>19/01/2015</td>
						<td>12:00</td>
						<td>Not Available</td>
						<td>WebUI</td>
						</tr>
							<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
						       		<td>3</td>
								<td>Colaboration</td>
	    						   	<td>Amit</td>
								<td>27/01/2015</td>
								<td>11:00</td>
								<td>Available</td>
								<td>General</td>
						    	</tr>
							<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
        							<td>4</td>
   						    		<td>Database Connection</td>
   						     	<td>Alok</td>
								<td>16/01/2015</td>
								<td>4:00</td>
								<td>Available</td>
								<td>Android</td>
							</tr>
						<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
        							<td>5</td>
       								<td>Page Life Cycle</td>
        							<td>Vinit Naazare</td>
								<td>27/12/2014</td>
								<td>4:00</td>
								<td>Available</td>
								<td>.NET</td>
							</tr>
						<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
        							<td>6</td>
       								<td>FileSharing Protoclol</td>
        							<td>Abhay Chaudhary</td>
								<td>4/01/2015</td>
								<td>4:00</td>
								<td>Available</td>
								<td>IOS</td>
							</tr>
							<tr class="danger" id="rowselect" onclick="window.open('session_handle.html')">
        	<td>7</td>
       		<td>Coding Process</td>
        	<td>Yadnesh</td>
		<td>20/01/2015</td>
		<td>11:00</td>
		<td>Not Available</td>
		<td>General</td>
	</tr>
<tr class="danger" id="rowselect" onclick="window.open('session_handle.html')">
        	<td>8</td>
       		<td>Objective C</td>
        	<td>Abhay Chaudhary</td>
		<td>05/01/2015</td>
		<td>4:00</td>
		<td>Not Available</td>
		<td>IOS</td>
	</tr>
<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
        	<td>9</td>
       		<td>Angular JS</td>
        	<td>Peeyush Trivedi</td>
		<td>3/02/2015</td>
		<td>06:00</td>
		<td>Available</td>
		<td>WebUI</td>
	</tr>
<tr class="success" id="rowselect"  onclick="window.open('session_handle.html')">
        	<td>10</td>
       		<td>Testing</td>
        	<td>Samit</td>
		<td>20/01/2015</td>
		<td>04:00</td>
		<td>Available</td>
		<td>General</td>
	</tr>
<tr class="danger" id="rowselect" onclick="window.open('session_handle.html')">
        	<td>11</td>
       		<td>Entertainment</td>
        	<td>Akash Anchaliya</td>
		<td>19/01/2015</td>
		<td>05:00</td>
		<td>Not Available</td>
		<td>General</td>
	</tr>
<tr class="success" id="rowselect" onclick="window.open('session_handle.html')">
        	<td>12</td>
       		<td>Server side</td>
        	<td>Vinit Naazare</td>
		<td>24/04/2015</td>
		<td>04:00</td>
		<td>Available</td>
		<td>.NET</td>
	</tr>
<tr class="success" id="rowselect"  onclick="window.open('session_handle.html')">
        	<td>13</td>
       		<td>Agile s/w development</td>
        	<td>Anand</td>
		<td>29/12/2015</td>
		<td>05:00</td>
		<td>Available</td>
		<td>General</td>
	</tr>
	<tr class="danger" id="rowselect"  onclick="window.open('session_handle.html')">
        	<td>14</td>
       		<td>Communication</td>
        	<td>Raghav Sandhane</td>
		<td>19/01/2015</td>
		<td>11:00</td>
		<td>Not Available</td>
		<td>General</td>
	</tr>
	<tr class="success" id="rowselect"  onclick="window.open('session_handle.html')">
        	<td>15</td>
       		<td>Coding Process</td>
        	<td>Nitin Sapre</td>
		<td>16/01/2015</td>
		<td>04:30</td>
		<td>Available</td>
		<td>General</td>
	</tr>
    </tbody>
  </table>
				
</div>
			
</div>	
</body>
	
</html>
